
<template>

  <div class="hello">

    <h1>{{ msg }}11111</h1>

    <h2>Essential Links</h2>

    <el-button>默认按钮</el-button>

    <el-button type="primary">主要按钮</el-button>

    <el-button type="text">文字按钮</el-button>


  <transition name="fade" mode="out-in">
              <router-view></router-view>
  </transition>


  </div>


</template>

 

<script>

export default {

  name: 'hello',

  data () {

    return {

      msg: 'Welcome to Your Vue.js App'

    }

  }

}

</script>

 

<!-- Add "scoped" attribute to limit CSS to this component only -->

<style scoped>

h1, h2 {

  font-weight: normal;

}

 

ul {

  list-style-type: none;

  padding: 0;

}

 

li {

  display: inline-block;

  margin: 0 10px;

}

 

a {

  color: #42b983;

}

</style>
